<template>
	<view class="card">
		<view class="top p-2 font-md da-center">
			{{title}}
		</view>
		
		<view class="contain">
			<slot />
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				default: ()=>''
			},
		},
	}
</script>

<style lang="scss" scoped>
.card{
	width: 750rpx;
	background-color: #fff;
	
	.top{
		width: 100%;
		height: 88rpx;
		color: #333333;
		font-weight: 500;
		border-bottom: 2rpx solid #dedede;
		&::before{
			content: '';
			display: block;
			width: 8rpx;
			height: 36rpx;
			background-color:#DF3031;
			margin-right: 14rpx;
		}
	}
	.contain{
		width: 100%;
		padding: 0 22rpx;
	}
}
</style>
